<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Admin</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="all,follow">
    <link rel="stylesheet" href="../admin/vendor/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../admin/vendor/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../admin/css/fontastic.css">
    <link rel="stylesheet" href="../admin/css/style.default.css" id="theme-stylesheet">
    <link rel="stylesheet" href="../admin/css/custom.css">
    <link rel="stylesheet" href="../tools/layui/css/layui.css">
<body>
<div class="page">
    <div>
        <!--头部导航-->
        <div th:replace="admin/common/com-template::admin_topslide"/>
        <div class="page-content d-flex align-items-stretch">
            <!--左侧导航-->
            <nav class="side-navbar" th:fragment="admin_leftslide">
                <!-- Sidebar Header-->
                <div th:replace="admin/common/com-template::admin_avatar"/>
                <!-- Sidebar Navidation Menus-->
                <span class="heading">Main</span>
                <ul class="list-unstyled">
                    <li class="active"><a href="/admin"> <i class="layui-icon icon-home"></i>主页 </a>
                    </li>
                    <li><a href="/admin/blog"> <i class="layui-icon layui-icon-template"></i>博客管理</a></li>
                    <li><a href="/admin/jumpBlog"> <i class="layui-icon layui-icon-release"></i>博客发布</a></li>
                    <li><a href="/admin/category"> <i class="layui-icon layui-icon-note"></i>分类管理</a></li>
                    <li><a href="/admin/label"> <i class="layui-icon layui-icon-note"></i>标签管理</a></li>
                    <li><a href="#exampledropdownDropdown" aria-expanded="false" data-toggle="collapse">
                        <i class="layui-icon layui-icon-user"></i>用户管理</a>
                        <ul id="exampledropdownDropdown" class="collapse list-unstyled">
                            <li><a href="#">用户列表</a></li>
                            <li><a href="#">授权</a></li>
                        </ul>
                    </li>
                </ul>
                <span class="heading">Extras</span>
                <ul class="list-unstyled">
                    <li><a href="#"> <i class="icon-picture"></i>首图管理</a></li>
                </ul>
            </nav>
            <!--内容-->
            <div class="content-inner" id="middle_show">
                <!--首页-->
                <div>
                    <!-- Page Header-->
                    <header class="page-header">
                        <div class="container-fluid">
                            <h2 class="no-margin-bottom">Dashboard</h2>
                        </div>
                    </header>
                    <!-- Dashboard Counts Section-->
                    <section class="dashboard-counts no-padding-bottom">
                        <div class="container-fluid">
                            <div class="row bg-white has-shadow">
                                <!-- Item -->
                                <div class="col-xl-3 col-sm-6">
                                    <div class="item d-flex align-items-center">
                                        <div class="icon bg-red"><i class="icon-padnote"></i></div>
                                        <div class="title"><span>文章数量</span>
                                            <div class="progress">
                                                <div role="progressbar" style="width: 100%; height: 4px;"
                                                     aria-valuenow="100"
                                                     aria-valuemin="0" aria-valuemax="100"
                                                     class="progress-bar bg-red"></div>
                                            </div>
                                        </div>
                                        <div class="number"><strong th:text="${articleTotal}">70</strong></div>
                                    </div>
                                </div>
                                <!-- Item -->
                                <div class="col-xl-3 col-sm-6">
                                    <div class="item d-flex align-items-center">
                                        <div class="icon bg-orange"><i class="icon-check"></i></div>
                                        <div class="title"><span>分类数量</span>
                                            <div class="progress">
                                                <div role="progressbar" style="width: 100%; height: 4px;"
                                                     aria-valuenow="100"
                                                     aria-valuemin="0" aria-valuemax="100"
                                                     class="progress-bar bg-orange"></div>
                                            </div>
                                        </div>
                                        <div class="number"><strong th:text="${categoryTotal}">50</strong></div>
                                    </div>
                                </div>
                                <!-- Item -->
                                <div class="col-xl-3 col-sm-6">
                                    <div class="item d-flex align-items-center">
                                        <div class="icon bg-blue"><i class="icon-check"></i></div>
                                        <div class="title"><span>标签数量</span>
                                            <div class="progress">
                                                <div role="progressbar" style="width: 100%; height: 4px;"
                                                     aria-valuenow="100"
                                                     aria-valuemin="0" aria-valuemax="100"
                                                     class="progress-bar bg-orange"></div>
                                            </div>
                                        </div>
                                        <div class="number"><strong th:text="${labelTotal}">50</strong></div>
                                    </div>
                                </div>
                                <!-- Item -->
                                <div class="col-xl-3 col-sm-6">
                                    <div class="item d-flex align-items-center">
                                        <div class="icon bg-green"><i class="icon-bill"></i></div>
                                        <div class="title"><span>最近留言</span>
                                            <div class="progress">
                                                <div role="progressbar" style="width: 40%; height: 4px;"
                                                     aria-valuenow="40"
                                                     aria-valuemin="0" aria-valuemax="100"
                                                     class="progress-bar bg-green"></div>
                                            </div>
                                        </div>
                                        <div class="number"><strong th:text="${commentTotal}">40</strong></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- Projects Section-->
                    <section class="projects">
                        <div class="container-fluid">
                            <!-- Project-->
                            <div class="project">
                                <div class="row bg-white has-shadow">
                                    <div class="left-col col-lg-6 d-flex align-items-center justify-content-between">
                                        <div class="project-title d-flex align-items-center">
                                            <div class="image has-shadow"><img src="#" alt="..." class="img-fluid">
                                            </div>
                                            <div class="text">
                                                <h3 class="h4">Project Title</h3><small>Lorem Ipsum Dolor</small>
                                            </div>
                                        </div>
                                        <div class="project-date"><span class="hidden-sm-down">Today at 4:24 AM</span>
                                        </div>
                                    </div>
                                    <div class="right-col col-lg-6 d-flex align-items-center">
                                        <div class="time"><i class="fa fa-clock-o"></i>12:00 PM</div>
                                        <div class="comments"><i class="fa fa-comment-o"></i>20</div>
                                        <div class="project-progress">
                                            <div class="progress">
                                                <div role="progressbar" style="width: 45%; height: 6px;"
                                                     aria-valuenow="25"
                                                     aria-valuemin="0" aria-valuemax="100"
                                                     class="progress-bar bg-red"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Project-->
                            <div class="project">
                                <div class="row bg-white has-shadow">
                                    <div class="left-col col-lg-6 d-flex align-items-center justify-content-between">
                                        <div class="project-title d-flex align-items-center">
                                            <div class="image has-shadow"><img src="#" alt="..." class="img-fluid">
                                            </div>
                                            <div class="text">
                                                <h3 class="h4">Project Title</h3><small>Lorem Ipsum Dolor</small>
                                            </div>
                                        </div>
                                        <div class="project-date"><span class="hidden-sm-down">Today at 4:24 AM</span>
                                        </div>
                                    </div>
                                    <div class="right-col col-lg-6 d-flex align-items-center">
                                        <div class="time"><i class="fa fa-clock-o"></i>12:00 PM</div>
                                        <div class="comments"><i class="fa fa-comment-o"></i>20</div>
                                        <div class="project-progress">
                                            <div class="progress">
                                                <div role="progressbar" style="width: 60%; height: 6px;"
                                                     aria-valuenow="25"
                                                     aria-valuemin="0" aria-valuemax="100"
                                                     class="progress-bar bg-green"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Project-->
                            <div class="project">
                                <div class="row bg-white has-shadow">
                                    <div class="left-col col-lg-6 d-flex align-items-center justify-content-between">
                                        <div class="project-title d-flex align-items-center">
                                            <div class="image has-shadow"><img src="#" alt="..." class="img-fluid">
                                            </div>
                                            <div class="text">
                                                <h3 class="h4">Project Title</h3><small>Lorem Ipsum Dolor</small>
                                            </div>
                                        </div>
                                        <div class="project-date"><span class="hidden-sm-down">Today at 4:24 AM</span>
                                        </div>
                                    </div>
                                    <div class="right-col col-lg-6 d-flex align-items-center">
                                        <div class="time"><i class="fa fa-clock-o"></i>12:00 PM</div>
                                        <div class="comments"><i class="fa fa-comment-o"></i>20</div>
                                        <div class="project-progress">
                                            <div class="progress">
                                                <div role="progressbar" style="width: 50%; height: 6px;"
                                                     aria-valuenow="25"
                                                     aria-valuemin="0" aria-valuemax="100"
                                                     class="progress-bar bg-violet"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Project-->
                            <div class="project">
                                <div class="row bg-white has-shadow">
                                    <div class="left-col col-lg-6 d-flex align-items-center justify-content-between">
                                        <div class="project-title d-flex align-items-center">
                                            <div class="image has-shadow"><img src="#" alt="..." class="img-fluid">
                                            </div>
                                            <div class="text">
                                                <h3 class="h4">Project Title</h3><small>Lorem Ipsum Dolor</small>
                                            </div>
                                        </div>
                                        <div class="project-date"><span class="hidden-sm-down">Today at 4:24 AM</span>
                                        </div>
                                    </div>
                                    <div class="right-col col-lg-6 d-flex align-items-center">
                                        <div class="time"><i class="fa fa-clock-o"></i>12:00 PM</div>
                                        <div class="comments"><i class="fa fa-comment-o"></i>20</div>
                                        <div class="project-progress">
                                            <div class="progress">
                                                <div role="progressbar" style="width: 50%; height: 6px;"
                                                     aria-valuenow="25"
                                                     aria-valuemin="0" aria-valuemax="100"
                                                     class="progress-bar bg-orange"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- Updates Section                                                -->
                    <section class="updates no-padding-top">
                        <div class="container-fluid">
                            <div class="row">
                                <!-- Recent Updates-->
                                <div class="col-lg-4">
                                    <div class="recent-updates card">
                                        <div class="card-close">
                                            <div class="dropdown">
                                                <button type="button" id="closeCard6" data-toggle="dropdown"
                                                        aria-haspopup="true"
                                                        aria-expanded="false" class="dropdown-toggle"><i
                                                        class="fa fa-ellipsis-v"></i>
                                                </button>
                                                <div aria-labelledby="closeCard6"
                                                     class="dropdown-menu dropdown-menu-right has-shadow">
                                                    <a href="#" class="dropdown-item remove"> <i
                                                            class="fa fa-times"></i>Close</a><a
                                                        href="#" class="dropdown-item edit"> <i class="fa fa-gear"></i>Edit</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-header">
                                            <h3 class="h4">Recent Updates</h3>
                                        </div>
                                        <div class="card-body no-padding">
                                            <!-- Item-->
                                            <div class="item d-flex justify-content-between">
                                                <div class="info d-flex">
                                                    <div class="icon"><i class="icon-rss-feed"></i></div>
                                                    <div class="title">
                                                        <h5>Lorem ipsum dolor sit amet.</h5>
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit
                                                            sed.</p>
                                                    </div>
                                                </div>
                                                <div class="date text-right"><strong>24</strong><span>May</span></div>
                                            </div>
                                            <!-- Item-->
                                            <div class="item d-flex justify-content-between">
                                                <div class="info d-flex">
                                                    <div class="icon"><i class="icon-rss-feed"></i></div>
                                                    <div class="title">
                                                        <h5>Lorem ipsum dolor sit amet.</h5>
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit
                                                            sed.</p>
                                                    </div>
                                                </div>
                                                <div class="date text-right"><strong>24</strong><span>May</span></div>
                                            </div>
                                            <!-- Item        -->
                                            <div class="item d-flex justify-content-between">
                                                <div class="info d-flex">
                                                    <div class="icon"><i class="icon-rss-feed"></i></div>
                                                    <div class="title">
                                                        <h5>Lorem ipsum dolor sit amet.</h5>
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit
                                                            sed.</p>
                                                    </div>
                                                </div>
                                                <div class="date text-right"><strong>24</strong><span>May</span></div>
                                            </div>
                                            <!-- Item-->
                                            <div class="item d-flex justify-content-between">
                                                <div class="info d-flex">
                                                    <div class="icon"><i class="icon-rss-feed"></i></div>
                                                    <div class="title">
                                                        <h5>Lorem ipsum dolor sit amet.</h5>
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit
                                                            sed.</p>
                                                    </div>
                                                </div>
                                                <div class="date text-right"><strong>24</strong><span>May</span></div>
                                            </div>
                                            <!-- Item-->
                                            <div class="item d-flex justify-content-between">
                                                <div class="info d-flex">
                                                    <div class="icon"><i class="icon-rss-feed"></i></div>
                                                    <div class="title">
                                                        <h5>Lorem ipsum dolor sit amet.</h5>
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit
                                                            sed.</p>
                                                    </div>
                                                </div>
                                                <div class="date text-right"><strong>24</strong><span>May</span></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Daily Feeds -->
                                <div class="col-lg-4">
                                    <div class="daily-feeds card">
                                        <div class="card-close">
                                            <div class="dropdown">
                                                <button type="button" id="closeCard7" data-toggle="dropdown"
                                                        aria-haspopup="true"
                                                        aria-expanded="false" class="dropdown-toggle"><i
                                                        class="fa fa-ellipsis-v"></i>
                                                </button>
                                                <div aria-labelledby="closeCard7"
                                                     class="dropdown-menu dropdown-menu-right has-shadow">
                                                    <a href="#" class="dropdown-item remove"> <i
                                                            class="fa fa-times"></i>Close</a><a
                                                        href="#" class="dropdown-item edit"> <i class="fa fa-gear"></i>Edit</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-header">
                                            <h3 class="h4">Daily Feeds</h3>
                                        </div>
                                        <div class="card-body no-padding">
                                            <!-- Item-->
                                            <div class="item">
                                                <div class="feed d-flex justify-content-between">
                                                    <div class="feed-body d-flex justify-content-between"><a href="#"
                                                                                                             class="feed-profile"><img
                                                            src="#" alt="person"
                                                            class="img-fluid rounded-circle"></a>
                                                        <div class="content">
                                                            <h5>Aria Smith</h5><span>Posted a new blog </span>
                                                            <div class="full-date"><small>Today 5:60 pm -
                                                                12.06.2014</small></div>
                                                        </div>
                                                    </div>
                                                    <div class="date text-right"><small>5min ago</small></div>
                                                </div>
                                            </div>
                                            <!-- Item-->
                                            <div class="item">
                                                <div class="feed d-flex justify-content-between">
                                                    <div class="feed-body d-flex justify-content-between"><a href="#"
                                                                                                             class="feed-profile"><img
                                                            src="#" alt="person"
                                                            class="img-fluid rounded-circle"></a>
                                                        <div class="content">
                                                            <h5>Frank Williams</h5><span>Posted a new blog </span>
                                                            <div class="full-date"><small>Today 5:60 pm -
                                                                12.06.2014</small></div>
                                                            <div class="CTAs"><a href="#"
                                                                                 class="btn btn-xs btn-secondary"><i
                                                                    class="fa fa-thumbs-up"> </i>Like</a><a href="#"
                                                                                                            class="btn btn-xs btn-secondary"><i
                                                                    class="fa fa-heart"> </i>Love </a></div>
                                                        </div>
                                                    </div>
                                                    <div class="date text-right"><small>5min ago</small></div>
                                                </div>
                                            </div>
                                            <!-- Item-->
                                            <div class="item clearfix">
                                                <div class="feed d-flex justify-content-between">
                                                    <div class="feed-body d-flex justify-content-between"><a href="#"
                                                                                                             class="feed-profile"><img
                                                            src="#" alt="person"
                                                            class="img-fluid rounded-circle"></a>
                                                        <div class="content">
                                                            <h5>Ashley Wood</h5><span>Posted a new blog </span>
                                                            <div class="full-date"><small>Today 5:60 pm -
                                                                12.06.2014</small></div>
                                                        </div>
                                                    </div>
                                                    <div class="date text-right"><small>5min ago</small></div>
                                                </div>
                                                <div class="quote has-shadow"><small>Lorem Ipsum is simply dummy text of
                                                    the
                                                    printing
                                                    and typesetting industry. Lorem Ipsum has been the industry's
                                                    standard dummy
                                                    text
                                                    ever since the 1500s. Over the years.</small></div>
                                                <div class="CTAs pull-right"><a href="#"
                                                                                class="btn btn-xs btn-secondary"><i
                                                        class="fa fa-thumbs-up"> </i>Like</a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Recent Activities -->
                                <div class="col-lg-4">
                                    <div class="recent-activities card">
                                        <div class="card-close">
                                            <div class="dropdown">
                                                <button type="button" id="closeCard8" data-toggle="dropdown"
                                                        aria-haspopup="true"
                                                        aria-expanded="false" class="dropdown-toggle"><i
                                                        class="fa fa-ellipsis-v"></i>
                                                </button>
                                                <div aria-labelledby="closeCard8"
                                                     class="dropdown-menu dropdown-menu-right has-shadow">
                                                    <a href="#" class="dropdown-item remove"> <i
                                                            class="fa fa-times"></i>Close</a><a
                                                        href="#" class="dropdown-item edit"> <i class="fa fa-gear"></i>Edit</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-header">
                                            <h3 class="h4">Recent Activities</h3>
                                        </div>
                                        <div class="card-body no-padding">
                                            <div class="item">
                                                <div class="row">
                                                    <div class="col-4 date-holder text-right">
                                                        <div class="icon"><i class="icon-clock"></i></div>
                                                        <div class="date"><span>6:00 am</span><br><span
                                                                class="text-info">6 hours ago</span></div>
                                                    </div>
                                                    <div class="col-8 content">
                                                        <h5>Meeting</h5>
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
                                                            do eiusmod
                                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim
                                                            ad minim
                                                            veniam,
                                                            quis nostrud.</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="row">
                                                    <div class="col-4 date-holder text-right">
                                                        <div class="icon"><i class="icon-clock"></i></div>
                                                        <div class="date"><span>6:00 am</span><br><span
                                                                class="text-info">6 hours ago</span></div>
                                                    </div>
                                                    <div class="col-8 content">
                                                        <h5>Meeting</h5>
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
                                                            do eiusmod
                                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim
                                                            ad minim
                                                            veniam,
                                                            quis nostrud.</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="row">
                                                    <div class="col-4 date-holder text-right">
                                                        <div class="icon"><i class="icon-clock"></i></div>
                                                        <div class="date"><span>6:00 am</span><br><span
                                                                class="text-info">6 hours ago</span></div>
                                                    </div>
                                                    <div class="col-8 content">
                                                        <h5>Meeting</h5>
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
                                                            do eiusmod
                                                            tempor incididunt ut labore et dolore magna aliqua. Ut enim
                                                            ad minim
                                                            veniam,
                                                            quis nostrud.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- Page Footer-->
                    <div th:replace="admin/common/com-template::admin_footer"/>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../admin/vendor/jquery/jquery.min.js"></script>
<script src="../admin/vendor/popper.js/umd/popper.min.js"></script>
<script src="../admin/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="../admin/vendor/jquery.cookie/jquery.cookie.js"></script>
<script src="../admin/vendor/jquery.cookie/jquery.cookie.js"></script>
<script src="../tools/layui/layui.js"></script>
<script src="../../admin/js/html5shiv.min.js"></script>
<script src="../../admin/js/respond.min.js"></script>
</head>

<!--控制-->
<script src="../admin/controller.js"></script>
</body>
</html>